<?xml version="1.0"
      encoding="UTF-8"
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>[hack5]样式！</title>
<meta name="generator" content="http://txt2tags.sf.net" />
</head>
<body>

<div class="header" id="header">
<a name='toptopTE5VR0NZM' id='toptopTE5VR0NZM'></a><h1>[hack5]样式！</h1>
<h2>颜色系统...FT!</h2>
<h3>t2t渲染:2010-10-09 02:21:38</h3>
</div>

<div class="toc" id="toc">
  <ol>
  <li><a href="#toc1R0VYQ0IyR">设计</a>
  </li>
  <li><a href="#toc2R0lYQ0IyR">进行</a>
  </li>
  <li><a href="#toc3R01YQ0JaV">教训</a>
  </li>
  <li><a href="#toc4R1FYQ0FWQ">TODO</a>
  </li>
  </ol>

</div>
<div class="body" id="body">
<a id="toc1R0VYQ0IyR" name="toc1R0VYQ0IyR"></a>
<h1><A href='#toptopTE5VR0NZM'> 1. 设计 </A></h1>
<p>
VI系统现在已经算是门手艺了！在下不行！
</p>
<p>
但是可以偷哪！
</p>
<p>
以往各种喜欢的网站，都不太吻合心目中的Blogging space ..
</p>
<p>
原先想直接 clone Vim 的 desert 颜色系统的…………
</p>
<p>
但是突然记起了:<b><a href="http://services.deviantart.com/">deviantart</a></b>
</p>
<p>
<img align="middle" src="/pybimage/snap060126-deviantart-top.png" border="0" alt=""/>
</p>
<p>
<img align="middle" src="/pybimage/snap060126-deviantart-abt.png" border="0" alt=""/>
</p>
<p>
所以....
</p>
<a id="toc2R0lYQ0IyR" name="toc2R0lYQ0IyR"></a>
<h1><A href='#toptopTE5VR0NZM'> 2. 进行 </A></h1>
<dl>
<dt>抓取颜色！</dt><dd>
    <a href="http://www.redalt.com/Tools/ilyc.php">I Like Your Colors!</a> 
    塞上CSS的URL;
    自动获取<img align="middle" src="/pybimage/snap060126-ilikeurcolor.png" border="0" alt=""/> 颜色列表,
    然后就挥舞CSS就好！
</dd>
<dt>Flavours的配合</dt><dd>
    这个比较自然，就是在<b>适当的</b>地方，加上<b>适当的</b>
    <b>class 或是 id</b>
</dd>
<dt>适当的……</dt><dd>
    怎么样是适当的呢？
    <b><a href="http://plone.org/">Plone</a></b> 模板的DIV 层叠设计就非常的合理，
    以前设计过 <a href="http://www.czug.org/about/art/zoomq">CZUG.org</a> 的样式
    ，所以有些体会…………
</dd>
</dl>

<p>
<i>但是………………</i>
</p>
<a id="toc3R01YQ0JaV" name="toc3R01YQ0JaV"></a>
<h1><A href='#toptopTE5VR0NZM'> 3. 教训 </A></h1>
<dl>
<dt><a href="http://pyblosxom.sourceforge.net/blog/registry/flavours/MainlyGreen">MainlyGreen</a></dt><dd>
    此样式，的排版非常古怪，折腾了半天，越调越乱；
    最后还是调出<a href="http://www.donews.net/ZoomQuiet">自个儿donews</a> 的样式
    , 使用 69%-25% 的百分比来组织版块。
</dd>
<dt>教训:</dt><dd>
    <ol>
    <li>CSS 和代码开发一样，没有理解就不能尝试
    </li>
    <li>CSS 的增长比代码还要快,所以最后应该进行精简
    </li>
    <li>CSS2 对IE的兼容性，就不要折腾了，先调试FireFox 再 Opera,最后看IE 再不成，就直接禁止IE访问吧…………
    </li>
    </ol>
</dd>
</dl>

<a id="toc4R1FYQ0FWQ" name="toc4R1FYQ0FWQ"></a>
<h1><A href='#toptopTE5VR0NZM'> 4. TODO </A></h1>
<dl>
<dt><a href="http://diveintoaccessibility.org/">Dive Into Accessibility</a></dt><dd>
    中文版本:<a href="http://dia.z6i.org/cn/">网站亲和力</a>;
    <ul>
    <li>网站可访问性的官方网站
    </li>
    <li>还要继续优化VI
    </li>
    <li>现在的问题主要在于:
        <ol>
        <li>颜色太个性，没有考虑到 弱视力访问者
        </li>
        <li>导航太个性，没有考虑到 特殊访问者
        </li>
        <li>功能没有完全，不能整体来调优 VI
        </li>
        </ol>
    </li>
    </ul>
</dd>
</dl>

<p>
<b>VI 是艺术性科学,是挑战，要学习……</b>
</p>
<hr class="light" />
<p>
动力源自::<b><a href="http://txt2tags.sf.net">txt2tags</a></b>
</p>
<p>
<img align="middle" src="/pybimage/technorati-over.gif" border="0" alt=""/>
    <a href="http://www.technorati.com/tags/OpenSource">OpenSource</a>
    ,<a href="http://www.technorati.com/tags/PyBlosxom">PyBlosxom</a>
    ,<a href="http://www.technorati.com/tags/hacking">hacking</a>
</p>
</div>

<!-- xhtml code generated by txt2tags 2.4 (http://txt2tags.sf.net) -->
<!-- cmdline: txt2tags ./techic/PyBlosxom/PyblosxomFixLog5-2006-01-24-23-23.t2t -->
</body></html>
